.box(@width:980px,@height:auto,@margin:0 auto,@backgorund:#fff){
    height: @height;
    width: @width;
    margin: @margin;
    background: @backgorund;
    overflow: hidden;
}
@color:#E4393C;
@border:1px solid #DDDDDD;
@bgcolor:#FFF4E8; 

//登陆框 
.login{
    width: 418px;
//  height: 507px;
    display:none;
    height: auto;
    overflow: hidden;
    border: 4px solid rgba(0,0,0,0.2);
    z-index:2222; 
    background: #FFFFFF;
    border-radius: 5px;
    .title{
        background: #F3F3F3;
        height: 20px;
        line-height: 20px;
        font-family: "微软雅黑";
        padding: 3px 10px;
        .btn-close{
            position: absolute;
            right: 5px;
            top: 6px;
            display: block;
            width: 13px;
            height: 13px;
            background: url(../img/listimage/dialog.png) no-repeat;
        }
    }
    .login-box{
        width: 70%;
        height: 85%;
        margin: 20px auto;
        h1{
            font-size: 20px;
            line-height: 25px;
            color: #666666;
            font-family: "微软雅黑";
            font-weight: normal;
            margin-bottom: 8px;
            a{
                float: right;
                color: @color;
                .ico{
                    display: block;
                    width: 16px;
                    height: 16px;
                    float: left;
                    margin-top: 5px;
                    margin-right: 3px;
                    background: url(../img/listimage/pwd-icons-new.png) no-repeat right -75px;
                }
            }
        }
        p{
            line-height: 25px;
            background: #FFF6D2;
            border: 1px solid #FFE57D;
            padding: 0 25px;
            margin-bottom: 10px;
            span{
                display: block;
                width: 10px;
                height: 14px;
                float: left;
                margin-top: 5px;
                margin-right: 5px;
                background: url(../img/listimage/pwd-icons-new.png) no-repeat right -133px;
            }
        }
        .item{
            position: relative;
            margin-bottom: 15px;
            input{
                border: 1px solid #BDBDBD;
                height: 38px;
                padding-left: 42px;
                width: 85%;
                font-size: 14px;
                color: #666666;
                &.focus{
                    border: 1px solid #3aa2e4;
                }
            }
            span{
                display: block;
                width: 38px;
                height: 38px;
                position: absolute;
                left: 1px;
                top: 1px;
                 background: url(../img/listimage/pwd-icons-new.png);
                &.user-ico{
                    background-position: 0 0;
                }
                &.user-focus{
                    background-position: 0px -48px;
                }
                &.pwd-ico{
                    background-position: -48px 0;
                }
                &.pwd-focus{
                    background-position: -48px -48px;
                }
            }
            .submit{
                display: block;
                width: 100%;
                text-align: center;
                padding: 0;
                background: @color;
                border: 1px solid #E85356;
                cursor: pointer;
                font-size: 16px;
                font-family: "微软雅黑";
                color: #fff;
            }
        }
    }
}
 

.kong{
    .box(@height:350px);
    border: @border;
    .ti-shi{
        width: 420px;
        height: 100px;
        margin: 150px auto 0 auto; 
        span{
            display: block;
            width: 71px;
            height: 55px;
            float: left;
            background: url(../img/listimage/no-login-icon.png);
        }
        a{
            line-height: 0;
        }
    }
}





 .shipping{
     .box();
     h3{
         color: @color;
         font-size: 18px;
         strong{
             color: @color;
             font-size: 18px;
         }
     }
     
 }

.header{
     padding: 3px 10px;   
     border: @border;
     line-height: 30px;
    .box(@backgorund:#F3F3F3,@height:30px,@width:960px);
    p{
        input{
            margin-right: 5px;
            margin-top: 5px;
        }
        float: left;
        &.one{
            width: 133px;
        }
        &.one1{
            width: 208px;
        }
        &.one6{
            height: 30px;
            width: 120px;
        }
        &.one3{
            width: 160px;
        }
        &.one4{
            width: 140px;
        }
        &.one2{
            width: 160px;
        }
    }
}

.content{
    padding: 10px 10px;
    border: @border;
    .box(@backgorund:@bgcolor,@width:960px,@margin:10px auto 0 auto);
    position: relative;
    #checkbox{
        position: absolute;
        left: 10px;
        top: 8px;
    }
    .xiang-qing{
        margin-left: 8px;
        width: 450px;
//      border: @border;
        height: auto;
        overflow: hidden;
        float: left;
        img{
            border: @border;
            margin-left: 20px;
            float: left;
            margin-right: 10px;
        }
        .miao-shu{
            display: block;
            float: left;
            width: 268px;
            font-family: arial;
            height: 40px;
            line-height: 20px;
            overflow: hidden;
        }
    }
    .price{
//      border: @border;
        float: left;
        width: 160px;  
        span{
            font-size: 14px;
            color: #666;
        }
    }
    .shu-liang{
        width: 80px;
        border: @border;
        float: left;
        height: 22px;
        line-height: 22px;
        background: #fff;
        .fu-hao{
            line-height: 22px;
            display: block;
            width: 22px;
            height: 22px;    
            text-align: center;
        }
        .jian{ 
            float: left;
            border-right: @border;
            .fu-hao 
        }
        .jia{ 
            float: right;
            border-left: @border;
            .fu-hao 
        }
        span{
            float: left;
            display: block;
            width: 30px;
            text-align: center;
        }
        em{
            text-align: center;
            display: block;
            width: 100%;
            font-style: normal;
        }
    }
    .xiao-ji{
        float: left;
        width: 100px;
        margin-left: 80px;
        strong{
            font-family: "微软雅黑";
            color:#666666
        }
    }
    .chao-zuo{
        float: right;
        a{
            margin-right: 15px;
        }
    }
}

.jie-suan{
    .box(@width:980px,@margin:10px auto 0 auto,@height:52px);
    border: @border;
    position: relative;
    line-height: 52px;
    #checkbox{
        margin-left: 10px;
    }
    .btn{
        display: block;
        width: 96px;
        height: 52px;
        float: right;
        background: url(../img/listimage/cart-submit-btn-new.png) no-repeat;
    }
    .strong{
        .kuang{
            position: relative;
            margin-top: -10px;
            s{
                position: absolute;
                bottom: 10px;
                right: 0px;
                font-style: normal;
                line-height: 0;
            }
        }
        position: absolute;
        top: 0px;
        height: auto;
        overflow: hidden;
        right: 100px;
        span{
            display: block;
            float: left;
            text-align: right;
            
        }
        strong{
            line-height: 0;
            font-family: arial;
            font-size: 16px;
            color: @color;
        }
    }
}

.bg-info{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.2);
    z-index: 999;
}

//弹窗
.tan-chuang{
    width: 408px;
    display: none;
    height: 187px;
    border: 4px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    z-index: 8888888;
    background: #fff;
    .title{
        height: 28px;
        line-height: 28px;
        padding: 2px 10px;
        background: #F3F3F3;
    }
    .close{
        display: block;
        width: 13px;
        height: 13px;
        background: url(../img/listimage/dialog.png);
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .bottom{
        h1{
            color: #FF6C00;
            position: absolute;
            left: 107px;
            top: 79px;
            font-family: "微软雅黑";
            font-size: 18px;
        }
        .tanhao{
            display: block;
            width: 48px;
            height: 44px;
            background: url(../img/listimage/icon48.png) -94px;
            position: absolute;
            left: 46px;
            top: 66px;
        }
        a{
            display: block;
            height: 23px;
            width: 45px;
            text-align: center;
            line-height: 23px;
            border-radius:5px ;
            border: @border;
            background-image: linear-gradient(to top, #F7F7F7 0px, #F2F2F2 100%);
            position: absolute;
            left: 220px;
            top: 80px;
            &.delete{
                left: 270px;
            }
        }
    }
}

















